<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 清除样式 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 当前样式 -->
    <link rel="stylesheet" href="../css/case.css">
</head>

<body>
    <!-- 页头 -->
    <div class="head">
        <div class="h_title clearfix">
            <p class="fl ht1">欢迎来到XXX律师事务所官网，我们将竭诚为您服务！</p>
            <p class="fr ht2"><img src="../images/tel.png">咨询热线：<span class="ht11">400-XXX-XXXX</span></p>
        </div>
        <!-- 选项栏 -->
        <div class="h_select clearfix">
            <p class="fl hs_1"><img src="../images/logo.png">XXXX律师事务所</p>
            <ul class="hs_2">
                <li><a href="#">首页</a></li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">服务项目</a></li>
                <li><a href="#">成功案例</a></li>
                <li><a href="#">律师团队</a></li>
                <li><a href="#">新闻动态</a></li>
                <li><a href="#">联系方式</a></li>
            </ul>
        </div>
    </div>
    <!-- 广告 -->
    <div class="banner">
        <div class="b_text">
            <p>
            <h1>为您排忧解难</h1>
            <h1 class="bt1">是我们最重要的事</h1>
            </p>
            <p class="bt2">咨询热线：400-XXX-XXXX</p>
        </div>

        <!-- 导航栏 -->
        <div class="b_select clearfix">
            <p><a href="https://www.jd.com" class="bs1"><img src="../images/p1_act0.png"></a>找律师</p>
            <p><a href="#"><img src="../images/p2_819t.png"></a>选服务</p>
            <p><a href="#"><img src="../images/p3_g51q.png"></a>看案例</p>
            <p><a href="#"><img src="../images/p4_q67r.png"></a>要咨询</p>
        </div>
    </div>
    <!-- 主体 -->
    <div></div>
    <!-- 页尾 -->
    <div class="foot">
        <ul class="clearfix footer">
            <li class="f_box1 fl">
                <p class="f_title"><img src="../images/logo2.png">XXXX律师事务所</p>
            </li>
            <li class="f_box2 fl">
                <p class="f_tel">电话：0571-XXXXXXXX 传真：0571-XXXXXXXX 邮箱：XXXX@XXXX.com</p>
                <p class="f_address">地址：XXX省XXX市XXXX区XXXX路XXX号XXXX大厦XX楼XXXX号</p>
            </li>
            <li class="fl">
                <div class="f_wechat clearfix">
                    <div class="fl"><img src="../images/erweima.png"></div>
                    <div class="fl wechat_text">
                        <p>扫一扫</p>
                        <p>关注官方微信</p>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</body>
</html>